<ion-header>
  <ion-navbar>
    <ion-title>研究员全景图</ion-title>
  </ion-navbar>
  <div id="headerDivider" class="item-inner setFontSize" (click)="setShowQueryCondition()">
    <div class="input-wrapper">
      <ion-label>&nbsp;
        <ion-icon *ngIf="!showQueryCondition" name="add-circle" color="primary">&nbsp;</ion-icon>
        <ion-icon *ngIf="showQueryCondition" name="remove-circle" color="primary">&nbsp;</ion-icon>
        查询条件&emsp;(管理员)
      </ion-label>
    </div>
  </div>
</ion-header>

<ion-content>
  <ion-list *ngIf="showQueryCondition" class="top" id="searchEle">
    <ion-row>
      <div class="date">
        <span class="left">日期 :</span>
        <div>
      <span class="dateTime">
        <ion-datetime displayFormat="YYYY-MM-DD" pickerFormat="YYYY-MM-DD"
                      [(ngModel)]="startdate"
                      cancelText="取消" doneText="确定">
        </ion-datetime>
      </span>
          <span class="center">至</span>
          <span class="dateTime">
        <ion-datetime displayFormat="YYYY-MM-DD" pickerFormat="YYYY-MM-DD"
                      [(ngModel)]="enddate"
                      cancelText="取消" doneText="确定">
        </ion-datetime>
      </span>
        </div>
      </div>
    </ion-row>
    <ion-row>
      <div class="date">
        <span class="left">管理员:</span>
        <div>
      <span class="input">
        <ion-input placeholder="请输入管理员名称" [(ngModel)]="managerName"></ion-input>
      </span>
          <span class=""><button ion-button color="primary" small>选择</button></span>
        </div>
      </div>
    </ion-row>
    <ion-item class="queryButton">
      <button ion-button color="primary" block (click)="search()">查询</button>
    </ion-item>
  </ion-list>

  <!--<div id="classifyTopDiv" class="classifyTopDiv">-->
    <!--<ion-scroll class="scrollClassifyTop" scrollX="true" scrollbar-x="true">-->
      <!--<ion-segment id="classifyTop" class="segmentClassifyTop" [(ngModel)]="segmentClassifyTop"-->
                   <!--(ionChange)="classifyTopSegmentChange()"-->
                   <!--color="white">-->
        <!--<ion-segment-button *ngFor="let classify of classifyTopList" value="{{classify.value}}">-->
          <!--{{classify.name}}-->
        <!--</ion-segment-button>-->
      <!--</ion-segment>-->
    <!--</ion-scroll>-->
  <!--</div>-->

  <!--<ion-scroll #myScroll id="DataGridIonScroll" class="myScroll" scrollX="true" scrollY="true">-->

  <!--</ion-scroll>-->

  <ion-card class="analysis-item" *ngFor="let item of allListDatas; let index = index">
    <!--标题-->
    <ion-card-header class="analysis-title">
      <div>
        <span>
        <i>{{index + 1 | number: '2.0-0'}}</i>
        <h3>{{item.title}}</h3>
        </span>
        <!--<span>-->
        <!--更多&nbsp;<ion-icon name="arrow-forward"></ion-icon>-->
        <!--</span>-->
      </div>
    </ion-card-header>
    <ion-list>
      <ion-item class="analysis-desc" *ngFor="let i of item.fdata;" (click)="goDetail(i,index)">
        <ng-container *ngIf="index==0">
          <ion-row>
            <ion-col width-20 class="left">
              <div>{{i[2]}}</div>
            </ion-col>
            <ion-col class="right" width-80>
              <ion-col class="lft">
                <span class="title">{{i[1]}}</span>
                <span class="smtitle">{{i[6]}}</span>
              </ion-col>
            </ion-col>
          </ion-row>
        </ng-container>

        <ng-container *ngIf="index==1">
          <ion-row>
            <ion-col width-20 class="left">
              {{i[2]}}
            </ion-col>
            <ion-col class="right" width-80>
              <ion-col class="lft">
                <span class="title">{{i[1]}}</span>
                <span class="smtitle">{{i[0]}}</span>
              </ion-col>
            </ion-col>
          </ion-row>
        </ng-container>

        <ng-container *ngIf="index==2">
          <ion-row>
            <ion-col width-20 class="left">
              {{i[2]}}
            </ion-col>
            <ion-col class="right" width-80>
              <ion-col class="lft">
                <span class="title">{{i[1]}}</span>
                <span class="smtitle">{{i[9]}}</span>
              </ion-col>
              <ion-col class="rgt">
                <span class="smtitle">{{i[5]}}</span>
              </ion-col>
            </ion-col>
          </ion-row>
        </ng-container>

        <ng-container *ngIf="index==3">
          <ion-row>
            <ion-col width-20 class="left">
              {{i[11]}}
            </ion-col>
            <ion-col class="right" width-80>
              <ion-col class="lft">
                <span class="title">{{i[7]}}</span>
                <span class="smtitle">{{i[6]}}</span>
              </ion-col>
              <ion-col class="rgt">
                <span class="smtitle">{{i[3]}}</span>
              </ion-col>
            </ion-col>
          </ion-row>
        </ng-container>

        <ng-container *ngIf="index==4">
          <ion-row>
            <ion-col width-20 class="left">
              {{i[2]}}
            </ion-col>
            <ion-col class="right" width-80>
              <ion-col class="lft">
                <span class="title">{{i[3]}}</span>
                <span class="smtitle">{{i[8]}}</span>
              </ion-col>
              <ion-col class="rgt">
                <span class="smtitle">{{i[5]}}</span>
              </ion-col>
            </ion-col>
          </ion-row>
        </ng-container>

        <ng-container *ngIf="index==5">
          <ion-row>
            <ion-col width-20 class="left">
              {{i[4]}}
            </ion-col>
            <ion-col class="right" width-80>
              <ion-col class="lft">
                <span class="title">{{i[2]}}</span>
                <span class="smtitle">{{i[1]}}</span>
              </ion-col>
              <ion-col class="rgt">
                <span class="smtitle">{{i[3]}}</span>
              </ion-col>
            </ion-col>
          </ion-row>
        </ng-container>

        <ng-container *ngIf="index==6">
          <ion-row>
            <ion-col width-20 class="left">
              {{i[11]}}
            </ion-col>
            <ion-col class="right" width-80>
              <ion-col class="lft">
                <span class="title">{{i[3]}}</span>
                <span class="smtitle">{{i[2]}}</span>
              </ion-col>
              <ion-col class="rgt">
                <span class="smtitle">{{i[7]}}</span>
              </ion-col>
            </ion-col>
          </ion-row>
        </ng-container>

      </ion-item>
    </ion-list>
  </ion-card>
  <div class="no-data" *ngIf="allListDatasFlag">暂无更多数据...</div>
</ion-content>
